
Ext.define('ZYY.view.webdesktop.Desktop', {
    extend : 'Ext.panel.Panel',
    alias  : 'widget.webdesktop_desktop',
        requires : [
        'Ext.ux.webdesktop.FitAll',
        'ZYY.view.webdesktop.Taskbar'
    ],
    html: '&#160;',
    draggable:false,
    wallpaperStretch: false,
    initComponent: function() {
        var me = this;
        Ext.apply(me, {
            border : false,
            html   : '&#160;',
            itemId : 'desktop-panel',
            layout : 'fit',
          items  : [
          {
                xtype : 'webdesktop_wallpaper',
                id    : me.id + '_wallpaper'
            },
          {
                xtype        : 'dataview',
                overItemCls: 'x-view-over',
                itemId       : 'ux-shortcut',
                itemSelector : 'div.ux-desktop-shortcut',
                trackOver    : true,
                store        :'ZYY.store.webdesktop.Shortcuts', 
                 style        : {
                    position : 'absolute'  
                },
                tpl: [

             '<tpl for=".">',
            '<div class="ux-desktop-shortcut" id="{name}-shortcut">',
                '<div class="ux-desktop-shortcut-icon {iconCls}">',
                    '<img src="',Ext.BLANK_IMAGE_URL,'" title="{name}">',
                '</div>',
                '<span class="ux-desktop-shortcut-text">{name}</span>',
            '</div>',
        '</tpl>',
        '<div class="x-clear"></div>'
                ]
            }]
        });
        me.callParent(arguments);

    }

});
